/* 基础配置 */
:root {
  /* 主题色 */
  --theme-color: #0099ff;
  --second-color: #092e4c;
  /* 表格按钮 */
  --form-btn: #71BDFF;
  /* 表格按钮hover */
  --form-btn-hover: #6FB0FF;
  /* 表格按钮点击 */
  --form-btn-active: #2F70BF;
  /* 所有的标题 */
  --title: #fff;
  /* 表格里面文字和按钮里面文字 */
  --box-font: #fff;
  /* 边框 */
  --border-color: #105279;
  --bigborder-color: #355f72;
  /* 输入占位符 */
  --input-placeholder: #5D646C;
  /* 表格头部颜色 */
  --form-head: #283041;
  /* 表格字体头部颜色 */
  --form-head-fontcolor: #AFD6FF;
  /* 表格hover */
  --table-hover: #27313C;
  /* 表格下边框 */
  --table-bottom: #2F3A46;
  /* 橙色状态 */
  --orange-state: #FAAD14;
  /* 蓝色状态 */
  --blue-state: #1677FF;
  /* 绿色状态 */
  --green-state: #52C41A;
  /* 红色状态 */
  --red-state: #FF4D4F;

  /* 橙色状态背景 */
  --orange-state-bg: #473D27;
  /* 橙色状态边框 */
  --orange-state-bd: #715B2C;
  /* 蓝色状态背景 */
  --blue-state-bg: #254163;
  /* 蓝色状态边框 */
  --blue-state-bd: #22497A;
  /* 绿色状态背景 */
  --green-state-bg: #26452A;
  /* 绿色状态边框 */
  --green-state-bd: #33632F;
  /* 红色状态背景 */
  --red-state-bg: #3F2C30;
  /* 红色状态边框 */
  --red-state-bd: #72545B;

  /* 工作区背景 */
  --work-area: #0A130F;
  /* 血缘工具栏背景 */
  --toolbar: #27313C;

  /* 侧边外菜单背景 */
  --side-menu-bg: #111a29;
  /* 侧边菜单内背景色 */
  --menu-bg: #161D27;
  /* 侧边菜单字体颜色 */
  --side-menu-fontcolor: #fff;
  /* 侧边菜单选中背景色 */
  /* --menu-active-bg: #132E34; */
  --menu-active-bg: #4FC4F7 ;

  /* 顶部导航背景色 */
  --top-nav-bg1: #202834;
  --top-nav-bg2: #273735;
  /* 顶部菜单字体颜色 */
  --top-nav-fontcolor: #DDDEE0;
  /* 顶部选中颜色 */
  --top-nav-active: #1C6AFF;
  /* 顶部导航条颜色 */
  --top-nav-bar: #161d27;

  /* 表格背景 */
  --form-bg: #111a2a;
  --form-bg-a:rgba(17, 26, 42, .6);
  /* loading颜色 */
  --loading-bg: #1F2935;
  /* 树hover */
  --tree-hover: #343D48;

  /* 边框圆角 */
  --border-radius: 2px;
  /* 字体大小12 */
  --font12: 12px;
  /* 字体大小14 */
  --font14: 14px;
  /* 字体大小16 */
  --font16: 16px;
  /* 字体大小18 */
  --font18: 18px;
  /* 字体大小20 */
  --font20: 20px;

  /* 按钮 */
  --btn-hover: #0387df;
  --btn-active: #0373bd;
  --btn-disable: #bfbfbf;
  --disable: #575E67;
  --disable-raido: #f5f5f5;
  /* 主按钮禁用 */
  --btn-main-disable: #BFF0E8;
  /* 辅助按钮禁用 */
  --btn-auxiliary-disable: #B7EEE5;
  --color: #fff;
  /* 审计监控 渐变 块 */
  --linear-gradient: #343D48;

  /* 模块介绍 */
  --intro-border: #575E67;
  --intro-tip: #848990;
  --intro-title: #fff;

  /* 资产标题 */
  --zc-title: #1C6AFF;
  /* readonly禁止 */
  --readonly: #27313C;

  /* 弹窗头部背景 */
  --pop-up: #0d1320;
    /* 弹窗底部背景 */
  --pop-down: #121e31;
  /* 文本框背景 */
  --input-bg:#1a2e43;
  --input-bg-hover:#294868;
  /* 自定义菜单选中字体颜色 */
  --customize-color:#53e4ec;
  /* 自定义菜单XSL边框颜色 */
  --customizeXSL-color:#1c69fd;
}

.black_active {
  display: block;
}

.white_active {
  display: none;
}
